<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Cadastro de Usuario</title>
</h:head>
<h:body>
	<h:form id="cadastro">
		<h2>Novo Usuário</h2>
		<fieldset>
		<legend>Dados do Usuário</legend>
		<h:panelGrid columns="2">
		
			<h:outputLabel value="Login: " />
			<h:inputText value="#{usuarioBean.usuario.login}" />
			
			<h:outputLabel value="Senha: " />
			<h:inputSecret value="#{usuarioBean.usuario.senha}" />
			
			<h:commandButton action="#{usuarioBean.grava}" value="Gravar">
				<f:ajax execute="@form" render=":cadastro :listagem"/>
			</h:commandButton>
						
			<h:commandButton action="#{usuarioBean.limpaFormulario}" value="Cancelar"
			    rendered="#{not empty usuarioBean.usuario.id}">
				<f:ajax render="@form"/>
			</h:commandButton>
							
		</h:panelGrid>
		</fieldset>
	</h:form>
	
	<h2>Listagem de Usuários</h2>
	
	<h:form id="listagem">
		<h:dataTable value="#{usuarioBean.usuarios}" var="usuario">
			<h:column>
				<f:facet name="header">ID</f:facet>
				#{usuario.id}
			</h:column>
			<h:column>
				<f:facet name="header">Login</f:facet>
				#{usuario.login}
			</h:column>
			<h:column>
				<f:facet name="header">Senha</f:facet>
				#{usuario.senha}
			</h:column>
			<h:column>
				<h:commandLink action="#{usuarioBean.remove(usuario)}" value="Remover">
					<f:ajax render=":listagem"/>
				</h:commandLink>
				 #{' '}
				 <h:commandLink value="Alterar">
				 	<f:setPropertyActionListener target="#{usuarioBean.usuario}" value="#{usuario}" />
				 	<f:ajax execute="@form" render=":cadastro"/>
				 </h:commandLink>
			</h:column>
		</h:dataTable>	
	</h:form>
	
</h:body>
</html>